<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>写诗页面</title>
    <link rel="stylesheet" href="/static/layui/css/layui.css">
    <style>
        .form {
            margin-left: 500px;
            margin-top: 300px;
        }
    </style>
</head>
<body>
<ul class="layui-nav" lay-filter="demo">
  <li class="layui-nav-item"><a href="/admin">控制台</a></li>
  <li class="layui-nav-item"><a href="/login">登录</a></li>
  <li class="layui-nav-item"><a href="">注册</a></li>
  <li class="layui-nav-item">
    <a href="javascript:;">个人中心</a>
    <dl class="layui-nav-child"> <!-- 二级菜单 -->
      <dd><a href="/edit_personal_information">修改个人信息</a></dd>
      <dd><a href="/login">退出</a></dd>
      <dd><a href="/view_personal_information">查看个人信息</a></dd>
    </dl>
  </li>
  <li class="layui-nav-item layui-this"><a href="/write_poem">我自己写诗</a></li>
</ul>
<form action="" method="post" class="layui-form form">
    <div class="layui-form-item form-item">
        <label class="layui-form-label">请输入诗题</label>
        <div class="layui-input-inline">
                    <input type="text" name="title" required lay-verify="required" autocomplete="off" class="layui-input" placeholder="请输入诗题">
        </div>
    </div>
    <div class="layui-form-item form-item">
        <label class="layui-form-label">请输入作者(可选, 默认为你自己的用户名)</label>
        <div class="layui-input-inline">
                    <input type="text" name="author" autocomplete="off" class="layui-input" placeholder="请输入诗的作者">
        </div>
    </div>
    <div class="layui-form-item form-item">
        <label class="layui-form-label">请输入诗的内容</label>
        <div class="layui-input-inline">
            <textarea required lay-verify="required" name="content" autocomplete="off" class="layui-input" placeholder="请输入诗的内容"></textarea>
        </div>
    </div>
    <div class="form-item layui-form-item">
        <input type="submit" class="layui-btn">
        <input type="reset" class="layui-btn">
    </div>
</form>
<script src="/static/layui/layui.js"></script>
<script>
    layui.use('form', function (){
        var form = layui.form;
        form.render()
    })
</script>
</body>
</html>